<html>
<head>
<title>c0nflict - browser based multiplayer strategy game</title>



<script src="http://www.google-analytics.com/urchin.js"	type="text/javascript"> </script>

<script type="text/javascript" src="dwr/engine.js"></script>
<script type="text/javascript" src="dwr/interface/Tracker.js"></script>
<script type="text/javascript" src="dwr/util.js"></script>
<script src="http://valor.in.c0nflict.com/war/javascripts/jquery.js" type="text/javascript"></script>
<script src="http://in.flict.net/war/javascripts/interface.js" type="text/javascript"></script>
<script type="text/javascript" src="http://in.flict.net/war/javascripts/soundmanager2-jsmin.js"></script>

<script src="javascripts/warp.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-2738908-5";
soundManager.debugMode = false; 
soundManager.url = 'soundmanager2.swf'; 

soundManager.onload = function() {
soundManager.createSound('startgame','http://www.dicequest.com/war/mp3/gamestart.mp3');
soundManager.createSound('click','http://dicequest.com/war/mp3/click.mp3');
soundManager.createSound('lossattack','http://dicequest.com/war/mp3/lossattack.mp3');
soundManager.createSound('startturn','http://dicequest.com/war/mp3/bell.mp3');
soundManager.createSound('playerdeath','http://dicequest.com/war/mp3/playerdeath.mp3');
soundManager.createSound('endgame','http://www.dicequest.com/war/mp3/gameover.mp3');
soundManager.createSound('birthday','http://www.dicequest.com/war/mp3/happybirthday.mp3');

}

</script>


<script type="text/javascript">
function redir() {
var strlo = window.location.href;

if (strlo.indexOf('localhost')!=-1 || strlo.indexOf('192.168.')!=-1) return true;

if (strlo.indexOf('c0nflict')==-1 || strlo.indexOf('/war')==-1) {
    window.location='http://c0nflict.com/war?r='+document.referrer;
    return false;
}

return true;
}

function registrationEvent() {
  sendreg(dwr.util.getValue("reguser"),dwr.util.getValue("regpass1"),dwr.util.getValue("regpass2"),dwr.util.getValue("regemail"));	
}

function loginEvent() {
  Tracker.loginEvent(dwr.util.getValue("username"),dwr.util.getValue("password"));	
}

function sendMessage() {  
  ChatMessage(dwr.util.getValue("phrase"));
  dwr.util.setValue("phrase","");
}

function ping() {
  Tracker.pong();
}
function dq_unload() {
	if (myColor>0) {
	try {
	Tracker.chairEvent();
	} catch (err) {}
	}
	Tracker.leaveEvent();
}
function dq_flag() {

if (gameinprogress!=null && gameinprogress!=0 && myColor>0) {
var answer = confirm("Are you sure you want to quit the game?");
if (answer) {
setMyColor(0); Tracker.loser();  
pfoc(); }
} else chairEvent();

}
function dq_load() {
if (redir()) {
	showloading();
	try {
		document.getElementById('loadingstatus').innerHTML='Getting DWR connection..<br>';
		dwr.engine.setErrorHandler(handle_silently);
		dwr.engine.setTextHtmlHandler(dq_load);
		dwr.engine.setActiveReverseAjax(true);
	}
	catch (err) {
		document.location.reload(true);
	}
	
	$('#rolldisp').Draggable({ghosting: true, opacity: .8});
	document.getElementById('loadingstatus').innerHTML+='Loading game information from server..';	
	r = document.referrer;
	if (r.indexOf('c0nflict')!=-1 || r.indexOf('dicequest.com')!=-1) r = document.location.href;
	if (document.location.href.indexOf('#invited')!=-1) {
	r+=document.location.href.substring(document.location.href.indexOf('#invited'),document.location.href.length);
	}
	Tracker.loadEvent(r);
	if (document.location.href.indexOf("singleplayer")!=-1) {
		setTimeout('ChatMessage("/creategame");',4000);
	} 
	document.getElementById('loadingstatus').innerHTML+=' UI<br>';	
	ads_load();
	size_controls();
	build_html();
	gameStartCheck();
} else {
  
} 

}

function update_contents(element_id, contents) {
	document.getElementById(element_id).innerHTML = contents;
}

function add_menu_item(id, entry) {
	var parent = document.getElementById(id);
	var new_entry = document.createElement("LI");
	new_entry.innerHTML = entry;
	parent.appendChild(new_entry);
}

function goto_news(news_id) {
	Tracker.gotoNews(news_id);
}

function add_menu_tm(entry) {
	menu_tm[menu_tm.length] = entry;
}

/* begin drop down menu */
/***********************************************
* AnyLink Drop Down Menu- Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
* http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm
***********************************************/

//Contents for Table Manager menu
var menu_tm=new Array()
add_menu_tm('<a href="#privmsg" onclick="document.getElementById(\'phrase\').value=\'/msg:XXR:\'; pfoc();" target="_self">Private message</a>');
add_menu_tm('<a href="#playerinfo" onclick="ChatMessage(\'/whois:XXR\');" target="_self">Player Info</a>');
add_menu_tm('<hr/>');
add_menu_tm('<a href="#mute" onclick="ChatMessage(\'/mute:XXR\');" target="_self">Mute</a>');
add_menu_tm('<a href="#unmute" onclick="ChatMessage(\'/unmute:XXR\');" target="_self">Unmute</a>');
add_menu_tm('<hr/>');
add_menu_tm('<a href="#addfriend" onclick="approve_req(\'XXR\');" target="_self">Add as friend</a>');
add_menu_tm('<a href="#removefriend" onclick="remove_friend(\'XXR\');" target="_self">Remove as friend</a>');

var menu_buddy=new Array()
menu_buddy[0]='<a href="#privmsg" onclick="document.getElementById(\'phrase\').value=\'/msg:XXR:\'; pfoc();" target="_self">Private message</a>'
menu_buddy[1]='<a href="#playerinfo" onclick="ChatMessage(\'/whois:XXR\');" target="_self">Player Info</a>'
menu_buddy[2]='<hr/>'
menu_buddy[3]='<a href="#mute" onclick="ChatMessage(\'/mute:XXR\');" target="_self">Mute</a>'
menu_buddy[4]='<a href="#unmute" onclick="ChatMessage(\'/unmute:XXR\');" target="_self">Unmute</a>'
menu_buddy[5]='<hr/>'
menu_buddy[6]='<a href="#removefriend" onclick="remove_friend(\'XXR\');" target="_self">Remove as friend</a>'
var menu_request=new Array()
menu_request[0]='<a href="#addfriend" onclick="approve_req(\'XXR\');" target="_self">Approve</a>'
menu_request[1]='<a href="#removefriend" onclick="remove_friend(\'XXR\');" target="_self">Deny</a>'

//Contents for Database Data menu

var menuwidth='150px' //default menu width
var menubgcolor='#222'  //menu bgcolor
var disappeardelay=150  //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all
var ns6=document.getElementById&&!document.all

if (ie4||ns6)
document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){
var totaloffset=(offsettype=="left")? what.offsetLeft : what.offsetTop;
var parentEl=what.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth){
if (ie4||ns6)
dropmenuobj.style.left=dropmenuobj.style.top="-500px"
if (menuwidth!=""){
dropmenuobj.widthobj=dropmenuobj.style
dropmenuobj.widthobj.width=menuwidth
}
if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")
obj.visibility=visible
else if (e.type=="click")
obj.visibility=hidden
}

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge){
var edgeoffset=0
if (whichedge=="rightedge"){
var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15
dropmenuobj.contentmeasure=dropmenuobj.offsetWidth
if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)
edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth
}
else{
var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffset
var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18
dropmenuobj.contentmeasure=dropmenuobj.offsetHeight
if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?
edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight
if ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?
edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge
}
}
return edgeoffset
}

function populatemenu(what){
if (ie4||ns6)
dropmenuobj.innerHTML=what.join("")
}
function populatemenu_r(what,rep){
if (ie4||ns6) {
	repnum = 0;
	if (rep.indexOf("<br/>")!=-1)
		repnum+=2; 
	if (rep.indexOf('class="MP"')!=-1)
		repnum+=2;
	if (rep.indexOf('class="AI"')!=-1)
		repnum+=2;
	rep = rep.replace(/<\/?[^>]+(>|$)/g, "");
	rep = rep.substring(repnum);
	
dropmenuobj.innerHTML=what.join("").replace(/XXR/g,rep);
}
}


function dropdownmenu(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu(menucontents)

if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}
function ddm_replace(obj, e, menucontents, menuwidth){
if (window.event) event.cancelBubble=true
else if (e.stopPropagation) e.stopPropagation()
clearhidemenu()
dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudiv
populatemenu_r(menucontents,obj.innerHTML);
if (ie4||ns6){
showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
dropmenuobj.x=getposOffset(obj, "left")
dropmenuobj.y=getposOffset(obj, "top")
dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"
dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"
}

return clickreturnvalue()
}

function clickreturnvalue(){
if (ie4||ns6) return false
else return true
}

function contains_ns6(a, b) {
if (b)
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function dynamichide(e){
if (ie4&&!dropmenuobj.contains(e.toElement))
delayhidemenu()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhidemenu()
}

function hidemenu(e){
if (typeof dropmenuobj!="undefined"){
if (ie4||ns6)
dropmenuobj.style.visibility="hidden"
}
}

function delayhidemenu(){
if (ie4||ns6)
delayhide=setTimeout("hidemenu()",disappeardelay)
}

function clearhidemenu(){
if (typeof delayhide!="undefined")
clearTimeout(delayhide)
}

if (hidemenu_onclick=="yes")
document.onclick=hidemenu
/*end drop down menu*/
</script>
<link rel="stylesheet" type="text/css" href="style.css"></link>
</head>
<body onResize="size_controls();" onLoad="dq_load();" onbeforeunload="dq_unload();">

<div id="popup" class="hidden"></div>
<div id="cover" class="hidden"></div>

<div id="inviteaction" class="hidden">
<b>Invite your friends to the battle.. </b>
<table cellpadding=6>
<tr>
<td>
Email: <br><input id="iemail" type="text" /><br>
<button name="inv" onclick="send_invite(document.getElementById('iemail').value);" style="float: right;">Invite</button>
</td>
<td>
Friends invited will be automatically added to your list.  Incentives will be offered to users with many invitees.
Your email address and username will be revealed to the recipient.  
</td>
</tr>
<tr>
<td>
Add Player as Friend:<br> <input id="iname" type="text" />
<br>
<button name="request" onclick="send_friend_req(document.getElementById('iname').value);" style="float: right;">Send Request</button>
</td><td>
If both players agree, you will be able to see each others locations and online status, as well as join private 'friend only' games.
</td>
<tr>
<tr>
<td></td>
<td>
<button style="float: right;" name="closeinvite" onclick="hideinvite();">close</button>
</td>
</tr>
</table>
</div>
<div  align="center" id="loading" class="hidden">
<div id="loadingtext">
<img src="http://flict.net/war/images/c0nflict.logo.white.png"><br>
<br><br>
</div>
<div id="loadingstatus">
Loading..</div>
</div>
<div id="loginwindow" class="hidden">
</div>
<div id="creategame" class="hidden">
<b>Play with yourself.   Or with your friends..</b><br>
<p><label>Map Size:</label><select id="omaps">
	<option value="small">small
	<option value="medium">medium
	<option value="large">large
	</select>
	</p>
<p><label>Or Name:</label> <select id="tableslist" >
            <option value="0" selected/>
</select></p>
<p><label># Opponents:</label><select id="onumop">
	<option value="2">2
	<option value="3">3
	<option value="4">4
	<option value="5">5
	<option value="0">0
	<option value="1">1
	</select></p>
<input type="checkbox" id="omapfriends" name="omapfriends" value="vfx"
	 >Invite my friends to join
<button class="hidden" style="position: absolute; left: -4000px; width: 0px;"></button>
<button name="hcreate" onclick="hidecreate(); Tracker.getBestFitTable();"><b>Go</b> Multiplayer</button>
<button name="crmap" onclick="createmap();">Create Game</button>
</div>
<div id="register" class="hidden">
<div id="synopsis"><b>c</b>0<b>nflict</b> is an interactive game
you can play in your web browser. The object of the game is to eliminate
the other players from the field, much like the board game Risk&#174;.
Each space has a certain number of armies on it, denoted by a picture of
a single die with that value. On each turn, you may roll your armies of
2 or more against adjacent armies or empty spaces, including diagonals.
At the end of your turn, your spaces will randomly refill according to
the number of contiguous (connected) spaces you occupy. Note that this
does not count diagonals. The field wraps on the sides for even more
mayhem. More detailed <a target=_new href="/war/instructions/">instructions
</a> here.
</div>
<div id="regform">
<fieldset><legend>Registration</legend>
<p><label>Username:</label><input id="reguser" type="text" /></p>
<p><label>Email:</label><input id="regemail" type="text" /></p>
<p><label>Password:</label><input id="regpass1" type="password" /></p>
<p><label>Verify:</label><input id="regpass2" type="password" onKeyPress="dwr.util.onReturn(event,registrationEvent);" /></p>
<br>
<span style="color: #aa0000;" id="regfailed"></span>
<button name="cancel" onClick="hidereg()">Close</button>
<button name="regnow" onClick="registrationEvent()">Register</button>
</fieldset>
</div>
</div>

<div id="header">
	<ul id="nav-one" class="nav">
		<li id="nav-two"><a href="#game">Game</a>
			<ul id="menu_game">
				<li><a href="http://c0nflict.com/forum/recentTopics/list.page" target=_new>Forum</a></li>
				<li><a href="leaderboard.jsp" target=_new>Leaderboard</a></li>
				<li><a href="#prefs" onClick="startPreferences();">Preferences</a></li>
				<li><a href="TableCreator/index.html" target=_new>Table Creator</a></li>
				<li><a href="#register" onClick="showreg()">Register</a></li>
				<li><a href="#leave" onClick="Tracker.leaveEvent();">Logout</a></li>
			</ul>
		</li>
		<li id="nav-twoa"><a href="#action">Action</a>
			<ul id="menu_action">
				<li><a href="#single" onClick="ChatMessage('/creategame');">Private Games</a></li>
				<li><a href="#invite" name="imenu" onClick="showinvite();">Invitations</a></li>
				<li><a href="#warp" name="Warp" onClick="dq_load();  pfoc();">Warp</a></li>
				<li><a href="#sound" id="Snd" name="Snd" onClick="toggleSound();  pfoc();">Mute</a></li>
				<li><a href="#useronebot" id="usebot" onclick="ChatMessage('/onebot');">Use 1 bot</a></li>
			 	<li><a href="#usetwobots" id="usebots" onclick="ChatMessage('/twobots');">Use 2 bots</a></li>
				<li><a href="#clearbots" id="clearbots" onclick="ChatMessage('/clearbots');">Clear bots</a></li>
			</ul>
		</li>
			
		<li id="nav-twob"><a href="#help" onClick="startTutor();">Help</a>
			<ul id="menu_help">
				<li><a href="#tutor" onClick="startTutor()";>Tutorial</a></li>
				<li><a href="/war/instructions/" target=_new>Instructions</a></li>
				<li><a href="#cmds" onClick="startCommands();">Commands</a></li>
			</ul>
		</li>
	</ul>
</div>

<div id="adsdiv">
<iframe name="ads" id="ads" src="ads.html" frameborder="0" scrolling="no">
<script type="text/javascript">
google_ad_client = 
"pub-1036318490403542"; 
google_ad_slot = "8464056649"; 
google_ad_width = 120; 
google_ad_height = 600;
</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script>
</iframe>
</div>

<div id="player_info">
<div id="player_info_rank"></div>
<div id="player_info_name"></div>
<div id="player_info_rating"></div>
</div>

<div id="tablecontrols">
 <span id="tc_frame" class="hidden">

<span id="tc_gs_frame" class="unlb">
	<input style="font-family: verdana; color: #aaaaaa;" type="checkbox"
	id="gamestart_now" name="gamestart_now" value="Start Game" onClick="gameStartCheck();  pfoc();" /> 
	<span id="pntxt" style="color: #aaaaaa; font-family: verdana; font-size: .8em">Play now</span>&nbsp;
</span>
<span id="tc_et_frame" class="unrp">
<button id="endturn" name="EndTurn" onClick="Tracker.TurnOver(); pfoc();">End Turn</button>&nbsp;
</span>
<button id="chair" name="chair" onClick="dq_flag()">Sit/Play</button>&nbsp;
 </span>
	<div id="mapstars">
	Rate this table: 
	<img id="mapstar1" onclick="put_rating(1);" src="http://c0nflict.com/forum/templates/default/images/star_off.gif">
	<img id="mapstar2" onclick="put_rating(2);" src="http://c0nflict.com/forum/templates/default/images/star_off.gif">
	<img id="mapstar3" onclick="put_rating(3);" src="http://c0nflict.com/forum/templates/default/images/star_off.gif">
	<img id="mapstar4" onclick="put_rating(4);" src="http://c0nflict.com/forum/templates/default/images/star_off.gif">
	<img id="mapstar5" onclick="put_rating(5);" src="http://c0nflict.com/forum/templates/default/images/star_off.gif">
	</div>

 </div>
<div id="game"></div>
<div id="countdown"></div>
<div id="offturn_moves"> </div>

<div id="chatroom">
<div id="chat"></div>
<div id="status"></div>
<div id="input">
<div id="join"><span style="color: rgb(180, 0, 0);" id="authfailed"></span> Email:&nbsp; <input id="username" type="text" />
Password:&nbsp; <input id="password" type="password" onKeyPress="dwr.util.onReturn(event,loginEvent);" /> 
	<input id="joinB" class="button" type="submit" name="join" value="Login" onClick="loginEvent()" /> 
	<input id="Reg" class="button" type="submit" name="reg3" value="Register" onClick="showreg()" /></div>
<div id="joined" class="hidden">
<input id="phrase" type="text" onKeyPress="dwr.util.onReturn(event, sendMessage);"/> 
	<input id="sendB" class="button" type="submit" name="join" value="Send" onClick="sendMessage()" /></div>
</div>
</div>
<div id="sidebar"> 
<div align="center" id="tablegroup">
<div align="center" id="tablename"></div>
<div align="center" id="tableinfo"></div>
</div>
<div id="roster">
<div id="user1" class="user">
<div class="hidden" id="sat1">&nbsp;</div>
<div class="unl" id="user1rank"></div>
<span class="unlb" id="user1playnow"></span>
<span class="hidden" id="user1mute"></span>
<div onclick="ddm_replace(this, event, menu_tm, '120px')" class="unl" id="user1name"></div>
<div class="unrw" id="statbox">
<div class="unr" id="user1dice"></div>
<div class="unr" id="user1land"></div>
<div class="unrp" id="user1plus"></div>
<div class="unrp" id="user1con"></div>
</div>

</div>
<div id="user2" class="user">
<div class="hidden" id="sat2"></div>
<div class="unl" id="user2rank"></div>
<span class="unlb" id="user2playnow"></span>
<span class="hidden" id="user2mute"></span>
<div onclick="ddm_replace(this, event, menu_tm, '120px')" class="unl" id="user2name"></div>
<div class="unrw" id="statbox">
<div class="unr" id="user2dice"></div>
<div class="unr" id="user2land"></div>
<div class="unrp" id="user2plus"></div>
<div class="unrp" id="user2con"></div>
</div>
</div>
<div id="user3" class="user">
<div class="hidden" id="sat3"></div>
<div class="unl" id="user3rank"></div>
<span class="unlb" id="user3playnow"></span>
<span class="hidden" id="user3mute"></span>
<div onclick="ddm_replace(this, event, menu_tm, '120px')" class="unl" id="user3name"></div>
<div class="unrw" id="statbox">
<div class="unr" id="user3dice"></div>
<div class="unr" id="user3land"></div>
<div class="unrp" id="user3plus"></div>
<div class="unrp" id="user3con"></div>
</div>
</div>
<div id="user4" class="user">
<div class="hidden" id="sat4"></div>
<div class="unl" id="user4rank"></div>
<span class="unlb" id="user4playnow"></span>
<span class="hidden" id="user4mute"></span>
<div onclick="ddm_replace(this, event, menu_tm, '120px')" class="unl" id="user4name"></div>
<div class="unrw" id="statbox">
<div class="unr" id="user4dice"></div>
<div class="unr" id="user4land"></div>
<div class="unrp" id="user4plus"></div>
<div class="unrp" id="user4con"></div>
</div>
</div>
<div id="user5" class="user">
<div class="hidden" id="sat5"></div>
<div class="unl" id="user5rank"></div>
<span class="unlb" id="user5playnow"></span>
<span class="hidden" id="user5mute"></span>
<div onclick="ddm_replace(this, event, menu_tm, '120px')" class="unl" id="user5name"></div>
<div class="unrw" id="statbox">
<div class="unr" id="user5dice"></div>
<div class="unr" id="user5land"></div>
<div class="unrp" id="user5plus"></div>
<div class="unrp" id="user5con"></div>
</div>
</div>
<div id="user6" class="user">
<div class="hidden" id="sat6"></div>
<div class="unl" id="user6rank"></div>
<span class="unlb" id="user6playnow"></span>
<span class="hidden" id="user6mute"></span>
<div onclick="ddm_replace(this, event, menu_tm, '120px')" class="unl" id="user6name"></div>
<div class="unrw" id="statbox">
<div class="unr" id="user6dice"></div>
<div class="unr" id="user6land"></div>
<div class="unrp" id="user6plus"></div>
<div class="unrp" id="user6con"></div>
</div>
</div>
<div id="rosterothers"></div>
</div>
<dl id="sbac">

<dt id="tbanner" class="sbhdr2"><center>Tables</center></dt>
<dd id="sbac5"><div id="friendslist">
</div></dd>
<dt id="fbanner" class="sbhdr2"><center>Friends</center></dt>
<dd id="sbac6"><div id="buddylist">
<div id="flist"></div>
<div id="frlist"></div>
</div></dd>
<dt id="sbac3" class="sbhdr2"><center>News</center></dt>
<dd id="sbac4">
<div id="sb_news_controls">
&nbsp;
</div>
<div id="sb_news">
&nbsp;
</div>
</dd>
</dl>
</div>
<div id="rolldisp" class="hidden">

<div id="rollattacker"></div>
<div id="rolldefender"></div>

</div>

<div id="tutorframe" class="hidden">
<div id="tutortext"></div>
<button id="tutorb1" class="hidden"></button>
<button id="tutorb2" class="tutorbutton"></button>
<button id="tutorb3" class="tutorbutton"></button>
</div>

<div id="cmdframe" class="hidden">
<div id="cmdtext"><center><b>Commands</b></center></div>
<table align="center" border cellpadding="4" cellspacing="0">
<tr>
<td><b>/msg:&lt;player&gt;:message</b></td><td>Send a private message to the player</td>
</tr>
<tr>
<td><b>/mute:&lt;player&gt;</b></td><td>Mute the player - do not display this player's chat</td>
</tr>
<tr>
<td><b>/unmute:&lt;player&gt;</b></td><td>Unmute the player</td>
</tr>
<tr>
<td><b>/addbot</b></td><td>Add one AI opponents</td>
</tr>
<tr>
<td><b>/addbots</b></td><td>Add two AI opponents (checking "Start game" begins solo match)</td>
</tr>
<tr>
<td><b>/removebot</b></td><td>Remove one AI Opponents from Roster</td>
</tr>
<tr>
<td><b>/clearbots</b></td><td>Remove all AI Opponents from Roster</td>
</tr>
</table>
<center><button id="cmdclose" class="cmdbutton" onClick="cmd_close()">Close</button></center>
</div>

<div id="prefsframe" class="hidden">
<div id="prefstext"><center><b>Preferences</b></center></div>
<form name="preferences">
<input type="checkbox" name="effects" value="vfx"
	onclick="prefs_change_effect(this)" checked>Visual Effects
<br />
<input type="checkbox" name="effects" value="jq"
	onclick="prefs_change_effect(this)" checked>JQ Bounce 
<br />
<input type="checkbox" name="effects" value="dt"
	onclick="prefs_change_effect(this)" checked>Animated Transition 
<br />
<input type="checkbox" name="effects" value="rd"
	onclick="prefs_change_effect(this)">Dice Roll Effects
<br />
<input type="checkbox" name="effects" value="tm"
	onclick="prefs_change_effect(this)">Time Stamp Chat
<br />
<input type="checkbox" name="effects" value="sfx"
	onclick="prefs_change_effect(this)" checked>Sound Effects
<br />
<hr>
<input type="checkbox" name="effects" value="kla"
	onclick="prefs_change_effect(this)" checked>Keep Last Attacker Depressed
<br />
<input type="checkbox" name="effects" value="uoc"
	onclick="prefs_change_effect(this)" checked>Switch Attacker Automatically
<br />
<hr>Skin:
<select name="skin" onchange="prefs_change_skin(this.value)"
	onclick="prefs_change_skin(this.value)">
	<option value="minimal">minimal
	<option value="dice">dice
	<option value="newbub">bubbles
	<option value="swars">starwars
	<option value="3dice">3D Dice
	<option value="default">military
</select>
<br />
<br />
<center><input type="button" onclick="prefs_save()"	value="Save">&nbsp;&nbsp;&nbsp;
	<input type="button" onclick="prefs_close()" value="Close"></center>
</form>
</div>
</body>
</html>
